@function vw($px) {
  @return ($px/720)*100vw;
  // 量出来 $px  设计稿 721
}

* {
  div {
    box-sizing: border-box;
  }
}

.content {
  .search {
    padding: vw(21) vw(14) vw(19) vw(19);

    .sear {
      .search_bg {
        // position: fixed;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        padding: vw(20) vw(18);
        height: vw(98);
        background-color: #211d1c;
        z-index: 99;

        .search {
          display: flex;
          display: -webkit-flex;
          justify-content: flex-start;
          align-items: center;
          width: vw(614);
          height: vw(60);
          border: 1px solid #fff;
          border-radius: vw(40);

          .pic {
            padding: vw(12);
            width: vw(60);
            height: vw(60);

            >img {
              width: 100%;
              height: 100%;
            }
          }

          input {
            padding-left: vw(18);
            width: vw(554);
            height: vw(60);
            line-height: vw(60);
            background-color: transparent;
            font-size: vw(24);
            color: #808080;
            outline: none;
            border: none;
          }
        }

        .text {
          p {
            font-size: vw(24);
            color: #fff;
          }
        }
      }
    }
  }
}